<template>
  <div style="padding-top:46px">
    <!-- 顶部导航栏 -->
    <van-nav-bar title="设置支付密码" fixed>
      <van-icon name="arrow-left" slot="left" color="#333" @click="back"/>
    </van-nav-bar>
    <van-cell-group>
      <van-field clearable label="姓名" icon="question" placeholder="请输入姓名" v-model="name"/>
      <van-field type="password" label="身份证号" placeholder="请输入18位身份证号" v-model="idNumber"/>
    </van-cell-group>
    <p class="p1">实名认证后不可更改，仅能认证一个号码</p>
    <hr>
    <p class="p2">
      <button @click="goToAuthentication">去认证</button>
    </p>
  </div>
</template>
<script>
  export default {
    name: 'certification',
    data() {
      return {
        name: '',
        idNumber: ''
      };
    },
    methods: {
      goToAuthentication() {
      },
      back() {
        this.$router.go(-1);
      }
    }
  };
</script>
<style lang="less" scoped>
  .p1 {
    margin-left: 30px;
  }

  button {
    width: 690px;
    height: 90px;
    border: none;
    border-radius: 50px;
    background-color: #fbcb82;
    color: #ffffff;
    font-size: 32px;
  }

  hr {
    margin-bottom: 0px;
  }

  .p2 {
    margin-left: 30px;
    margin-top: 0px;
  }
</style>
